import React, { Component } from 'react';
import { findFilmsPage } from '@/api/MaiZuo';

// import { subscribe, publish } from './Bus'

import FilmItem from './FilmItem';
import FilmDetail from './FilmDetail';

import './css/index.css';

export default class App extends Component {
  constructor() {
    super();
    this.state = {
      list: [],
      film: {},
    };
    findFilmsPage().then((res) => {
      console.log(res);

      this.setState({
        list: res.films,
      });
    });
  }

  render() {
    return (
      <div className='app'>
        <div>
          {this.state.list.map((item) => {
            return (
              <FilmItem
                key={item.filmId}
                {...item}></FilmItem>
            );
          })}
        </div>
        <div>
          <FilmDetail></FilmDetail>
        </div>
      </div>
    );
  }
}

// // 订阅
// subscribe((data) => {
//   console.log('11', data)
// })

// subscribe((data) => {
//   console.log('22', data)
// })

// // 发布
// setTimeout(() => {
//   publish({ name: 'zfpx' })
// }, 1000)

// setTimeout(() => {
//   publish({ name: 'aaaa' })
// }, 2000)
